<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>箭头函数</title>
  </head>
  <body>
    <script>
      // ES6允许使用【箭头】(=>)定义函数

      // 1.this是静态的，始终指向函数声明时所在作用域下的this值，通常是当前函数作用域外层作用域中的this

      function getNameA() {
        console.log(this.name);
      }

      let getNameB = () => {
        console.log(this.name);
      };

      const school = {
        name: "xiaoxu"
      };
      var name = "xxx";

      getNameA();
      getNameB();
      getNameA.call(school);
      getNameB.call(school);

      // 2.不能作为构造函数来使用
      // 3.没有arguments参数
      // 4.不能使用yield命令，因此不能作为Generator语法糖
    </script>
  </body>
</html>
